<template>
	<Row>
		<i-col span="6">
			 <Badge count="100">
        		<a href="#" class="demo-badge"></a>
    		</Badge>
		</i-col>
		<i-col span="6">
			<Badge count="1000" overflow-count="999">
		        <a href="#" class="demo-badge"></a>
		    </Badge>
		</i-col>
	</Row>  
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <Badge count="10"></Badge>
    <Badge count="20" class="demo-badge-alone"></Badge>
</template>
<script>
    export default {
        
    }
</script>
<style scoped> 
	.demo-badge{
		width: 42px;
		height: 42px;    
		background: #eee;
    	border-radius: 6px;
    	display: inline-block;
	}
	.demo-badge-alone{
        background: #5cb85c !important;
    }
</style>
